<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>爱买购物网</title>
    <script src="js/jquery-3.7.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootstrap.bundle.min.js"></script>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script src="js/bootstrap.bundle.js"></script>
    <link rel="stylesheet" href="indexcss/shuindex.css">
    <link rel="stylesheet" href="indexcss/shubase.css">

</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar navbar-light navbar-expand-md bg-light heima_nav">
        <div class="container-lg">
            <div class="row justify-content-between" style="width: 100%;">
                <a class="navbar-brand col-2" href="#">
                    <img src="img/logo.png" alt="" class="d-inline-block align-top logo-img">
                    <span class="logo-text">爱买购物网</span>
                </a>
                <div class="row justify-content-start" style="margin-right: -40px;">
                  <button class="navbar-toggler align-items-end headbtn" style="border: 1px solid black;" type="button" data-toggle="collapse" data-target="#navbarContent">
                    <span class="navbar-toggler-icon headbtn-span"></span>
                </button>

                    <div class="navbar-nav1 user-info col-2">
                        <div class="nav-item">
                            <div class="dropdown show">
                                <a class="nav-link1 dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <img src="img/touxiang.png" alt="" class="user-img">
                                <span class="caret">用户88888881</span>
                                </a>
                            
                                <div class="dropdown-menu " aria-labelledby="dropdownMenuLink">
                                  <a class="dropdown-item" href="gwc.html">购物车</a>
                                  <a class="dropdown-item" href="usercenter.html">个人中心</a>
                                <a class="dropdown-item" href="#">退出登录</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
              
           
            <div class="collapse navbar-collapse col-7 head-text" id="navbarContent">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item active">
                        <a class="nav-link" href="index.html">首页</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="shuji.html">书籍专区</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="javascript:;">鞋类专区</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="javascript:;">数码专区</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="javascript:;">零食专区</a>
                    </li>
                    
                </ul>
            </div>
            <div class="navbar-nav2 col-2 user-info" style="margin-right: 30px;">
                <div class="nav-item">
                    <div class="dropdown show">
                        <a class="nav-link1 dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                          <img src="img/touxiang.png" alt="" class="user-img">
                          <span class="caret">用户88888882</span>
                        </a>
                      
                        <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
                          <a class="dropdown-item" href="gwc.html">购物车</a>
                                    <a class="dropdown-item" href="usercenter.html">个人中心</a>
                          <a class="dropdown-item" href="#">退出登录</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> 
    
    </nav>
      <!-- 轮播图 -->
  <div class="heima_banner">
    <div id="carousel" class="carousel slide" data-ride="carousel">
      <ol class="carousel-indicators">
        <li data-target="#carousel" data-slide-to="0" class="active"></li>
        <li data-target="#carousel" data-slide-to="1"></li>
        <li data-target="#carousel" data-slide-to="2"></li>
        <li data-target="#carousel" data-slide-to="3"></li>
      </ol>
      <a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon"></span>
      </a>
      <a class="carousel-control-next" href="#carousel" role="button" data-slide="next">
        <span class="carousel-control-next-icon"></span>
      </a>
      <div class="carousel-inner">
        <div class="carousel-item active">
          <picture>
            <source srcset="lunbotu/lbt.jpg" media="(max-width:768px)">
            <img src="lunbotu/lbt.jpg" class="lunbotu-img">
          </picture>
        </div>
        <div class="carousel-item">
          <picture>
            <source srcset="lunbotu/lbt1.jpg" media="(max-width:768px)">
            <img src="lunbotu/lbt1.jpg" class="lunbotu-img">
          </picture>
        </div>
        <div class="carousel-item">
          <picture>
            <source srcset="lunbotu/lbt2.jpg" media="(max-width:768px)">
            <img src="lunbotu/lbt2.jpg" class="lunbotu-img">
          </picture>
        </div>
        <div class="carousel-item">
          <picture>
            <source srcset="lunbotu/lbt3.jpg" media="(max-width:768px)">
            <img src="lunbotu/lbt3.jpg" class="lunbotu-img">
          </picture>
        </div>
      </div>
    </div>
  </div>
      <!-- 购物页面 -->
                      <div class="container">
                          <div class="row row-cols-1 row-cols-sm-2 row-cols-md-4">
                    

                            <div class="col-12 col-sm-6 col-md-4 col-lg-3 shop-msg">
                              <a href="./WuJiangYin.html">
                                <div class="card">
                                      <img src="./images/WuJiangYin.jpg" class="card-img-top" alt="..." >
                                      <div class="card-body">
                                          <p class="card-text">
                                            <h3>《乌江引》</h3>
                                            出版社：人民文学出版社<br>作者：庞贝
                                          </p>
                                      </div>
                                  
                                      <div class="baoxian alert-danger text-danger">
                                        <div class="baoyou">&nbsp;包邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;七天无理由</div>
                                      
                                      </div>
                                      <div class="money">
                                          <p class="text-danger ">¥ 33.40</p>
      
                                      </div>
                                      <div class="card-footer">
                                        <small class="text-success">已售888件</small>
                                      </div>
                                </div>
                              </a>
                          </div>

                          <div class="col-12 col-sm-6 col-md-4 col-lg-3 shop-msg">
                            <a href="./JiaShan.html">
                                <div class="card" >
                                    <img src="./images/JiaShan.jpg" class="card-img-top" alt="..." >
                                    <div class="card-body">
                                      <p class="card-text">
                                        <h3>《家山》</h3>出版社：人民文学出版社<br>作者：王跃文</p>
                                    </div>
                                    <div class="baoxian alert-danger text-danger">
                                      <div class="baoyou">&nbsp;包邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;七天无理由</div>
                                    </div>
                                    <div class="money">
                                      <p class="text-danger ">¥ 37.60</p>
                                    </div>
                                    <div class="card-footer">
                                      <small class="text-success">已售888件</small>
                                    </div>
                                  </div>
                              </a>
                        </div>

                        <div class="col-12 col-sm-6 col-md-4 col-lg-3 shop-msg">
                          <a href="./YanXiaLi.html">
                              <div class="card" >
                                  <img src="./images/YanXiaLi.jpg" class="card-img-top" alt="..." >
                                    <div class="card-body">
                                      <p class="card-text">
                                        <h3>《烟霞里》</h3>
                                        出版社：人民文学出版社<br>作者：王跃文
                                        </p>
                                    </div>
                                    <div class="baoxian alert-danger text-danger">
                                      <div class="baoyou">&nbsp;包邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;七天无理由</div>
                                    </div>
                                    <div class="money">
                                      <p class="text-danger ">¥ 31.50</p>
                                    </div>
                                    <div class="card-footer">
                                      <small class="text-success">已售888件</small>
                                    </div>
                              </div>
                          </a>
                      </div>


                      <div class="col-12 col-sm-6 col-md-4 col-lg-3 shop-msg">
                        <a href="./QiangGuoJi.html">
                            <div class="card" >
                                <img src="./images/QiangGuoJi.jpg" class="card-img-top" alt="..." >
                                <div class="card-body">
                                  <p class="card-text"> 
                                    <h3>《强国记》</h3>
                                    出版社：电子工业出版社有限公司<br>作者：徐
                                  </p>
                                </div>
                                <div class="baoxian alert-danger text-danger">
                                  <div class="baoyou">&nbsp;包邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;七天无理由</div>
                                </div>
                                <div class="money">
                                  <p class="text-danger ">¥ 34.50</p>
                                </div>
                                <div class="card-footer">
                                  <small class="text-success">已售888件</small>
                                </div>
                            </div>
                        </a>
                    </div>


                    <div class="col-12 col-sm-6 col-md-4 col-lg-3 shop-msg">
                      <a href="./LunYu.html">
                          <div class="card" >
                              <img src="./images/LunYu.jpg" class="card-img-top" alt="..." >
                              <div class="card-body">
                                <p class="card-text">
                                  <h3>《给孩子的四书五经》</h3>
                                  出版社：民主与建设出版社<br>作者：陈仁谦
                                </p>
                              </div>
                              <div class="baoxian alert-danger text-danger">
                                <div class="baoyou">&nbsp;包邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;七天无理由</div>
                              </div>
                              <div class="money">
                                <p class="text-danger ">¥ 6.61</p>
                              </div>
                              <div class="card-footer">
                                <small class="text-success">已售888件</small>
                              </div>
                          </div>
                      </a>
                  </div>


                  <div class="col-12 col-sm-6 col-md-4 col-lg-3 shop-msg">
                    <a href="./ChenYu.html">
                        <div class="card" >
                            <img src="./images/ChengYu.jpg" class="card-img-top" alt="..." >
                            <div class="card-body">
                              <p class="card-text">
                                <h3>《一口气读完成语故事》</h3>
                                出版社：人民文学出版社<br>作者：王跃文</p>
                            </div>
                            <div class="baoxian alert-danger text-danger">
                                <div class="baoyou">&nbsp;包邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;七天无理由</div>
                            </div>
                            <div class="money">
                              <p class="text-danger ">¥ 41.30</p>
                            </div>
                            <div class="card-footer">
                              <small class="text-success">已售888件</small>
                            </div>
                        </div>
                    </a>
                </div>


                <div class="col-12 col-sm-6 col-md-4 col-lg-3 shop-msg">
                  <a href="./XiJinPin.html">
                      <div class="card">
                          <img src="./images/XiJinPin.jpg" class="card-img-top" alt="..." >
                          <div class="card-body">
                            <p class="card-text">
                              <h3>《习近平引用诗词释读》</h3>
                              出版社：人民文学出版社<br>作者：诗词编写组
                            </p>
                          </div>
                          <div class="baoxian alert-danger text-danger">
                            <div class="baoyou">&nbsp;包邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;七天无理由</div>
                          
                          </div>
                          <div class="money">
                              <p class="text-danger ">¥ 22.45</p>
                          </div>
                          <div class="card-footer">
                            <small class="text-success">已售888件</small>
                          </div>
                      </div>
                  </a>    
                </div> 


                <div class="col-12 col-sm-6 col-md-4 col-lg-3 shop-msg">
                  <a href="./HuanYouZhongGuo.html">
                      <div class="card">
                            <img src="./images/HuanYouZhongGuo.jpg" class="card-img-top" alt="..." >
                            <div class="card-body">
                                <p class="card-text">
                                <h3>《环游中国》</h3>
                                出版社：地质出版社<br>作者：王跃文
                                <br><br><br></p>
                            </div> 
                            <div class="baoxian alert-danger text-danger">
                              <div class="baoyou">&nbsp;包邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;七天无理由</div>
                            </div>
                            <div class="money">
                              <p class="text-danger ">¥ 32.50</p>
                            </div>
                            <div class="card-footer">
                              <small class="text-success">已售888件</small>
                            </div>
                      </div>
                  </a>
              </div>
              
              
              <div class="col-12 col-sm-6 col-md-4 col-lg-3 shop-msg">
                <a href="./QingYuNian.html">
                    <div class="card" >
                        <img src="./images/QingYuNian.jpg" class="card-img-top" alt="..." >
                        <div class="card-body">
                          <p class="card-text">
                            <h3>《庆余年》</h3>
                            出版社：人民文学出版社<br>作者：猫腻
                          </p>
                        </div>
                        <div class="baoxian alert-danger text-danger">
                          <div class="baoyou">&nbsp;包邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;七天无理由</div>
                        </div>
                        <div class="money">
                          <p class="text-danger ">¥ 63.40</p>

                        </div>
                        <div class="card-footer">
                          <small class="text-success">已售888件</small>
                        </div>
                    </div>
                </a>
            </div>


            <div class="col-12 col-sm-6 col-md-4 col-lg-3 shop-msg">
              <a href="YangFan.html">
                  <div class="card">
                      <img src="./images/YangFan.jpg" class="card-img-top" alt="..." >
                      <div class="card-body">
                        <p class="card-text">
                          <h3>《样范》</h3>
                          出版社：人民文学出版社<br>作者：龚曙光
                        </p>
                      </div>
                      <div class="baoxian alert-danger text-danger">
                        <div class="baoyou">&nbsp;包邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;七天无理由</div>
                      </div>
                      <div class="money">
                          <p class="text-danger ">¥ 35.70</p>
                      </div>
                      <div class="card-footer">
                        <small class="text-success">已售888件</small>
                      </div>
                </div>
              </a>
            </div>




                </div>  
            </div>
                              
                          
</body>
</html>